var data = new Vue(
		{
			el : '#data',
			data : {
				plantpie : '',
				breedpie : '',
				plantline : {
					name : [],
					value : []
				},
				breedline : {
					name : [],
					value : []
				},
				fammerpie : '',
				areaname : '',
				c : [],
				names : [],
				scList:[],
				zcyList:[]
			},
			watch : {

			},
			mounted : function() {
				var shs_status = eval(localStorage.getItem("shs_status"))
				// 登录验证
				if (!shs_status) {
					localStorage.removeItem("shs_status")
					window.location.href = 'login.html'
				}
				// 村名
				this.areaname = localStorage.areaName
				this.getdata()
				this.getScPrice()
				this.getCaoYaoPrice()
			},
			methods : {
				getdata : function() {
					var _this = this
					axios({
						method : 'POST',
						url : sever + '/infopie',
						params : {
							areaId : localStorage.areaId
						},
						responseType : 'json',
					})
							.then(
									function(res) {
										_this.plantpie = res.data.plantpie;
										_this.breedpie = res.data.breedpie;
										_this.plantline.name = []
										_this.plantline.value = []
										for (var i = 0; i < _this.plantpie.length; i++) {
											_this.plantline.name
													.push(_this.plantpie[i].name
															.split(" ")[1])
											_this.plantline.value
													.push(_this.plantpie[i].value)
										}
										_this.breedline.name = []
										_this.breedline.value = []
										for (var i = 0; i < _this.breedpie.length; i++) {
											_this.breedline.name
													.push(_this.breedpie[i].name)
											_this.breedline.value
													.push(_this.breedpie[i].value)
										}

										_this.fammerpie = res.data.fammerpie;
										_this.drawEcharts_1()
										_this.drawEcharts_4()
										_this.drawEcharts_5()
										_this.drawEcharts_6()

									})

				},
				drawEcharts_1 : function() {
					var _this = this
					var echarts_1 = echarts.init(document
							.getElementById('echarts_1'));
					var option = {
						tooltip : {
							trigger : 'item',
							formatter : "{b} : {c}人",
						},
						color : [ '#af89d6', '#4ac7f5', '#0089ff', '#f36f8a',
								'#f5c847' ],
						legend : { // 图例组件，颜色和名字
							x : '75%',
							y : 'center',
							orient : 'vertical',
							itemGap : 12, // 图例每项之间的间隔
							itemWidth : 10,
							itemHeight : 10,
							icon : 'rect',
							data : [ '贫困', '非贫困' ],
							textStyle : {
								color : [],
								fontStyle : 'normal',
								fontFamily : '微软雅黑',
								fontSize : 16,
							}
						},
						series : [ {
							name : '按贫困信息统计农户',
							type : 'pie',
							// minAngle: 120, //最小的扇区角度（0 ~ 360）
							center : [ '35%', '50%' ], // 饼图的中心（圆心）坐标
							radius : [ 50, 75 ], // 饼图的半径
							data : _this.fammerpie,
							
							itemStyle : {
								normal: {
									fontSize : 16,
								},
					emphasis : {
									shadowBlur : 10,
									shadowOffsetX : 0,
									shadowColor : 'rgba(0, 0, 0, 0.5)'
								}
							}
						} ]
					};
					echarts_1.setOption(option);
				},
				drawEcharts_4 : function() {
					var _this = this
					var echarts_4 = echarts.init(document
							.getElementById('echarts_4'));
					var option = option = {
						color : [ '#3398DB' ],
						tooltip : {
							trigger : 'axis',
							axisPointer : { // 坐标轴指示器，坐标轴触发有效
								type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
							}
						},
						grid : {
							left : '3%',
							right : '4%',
							bottom : '3%',
							containLabel : true
						},
						xAxis : [ {
							type : 'category',
							data : _this.plantline.name,
							axisTick : {
								alignWithLabel : true
							},
							axisLabel : {
								textStyle : {
									color : '#ccc',
									fontSize : '16'
								},
								lineStyle : {
									color : '#2c3459',
								},
							}
						} ],
						yAxis : [ {
							type : 'value',
							axisLabel : {
								textStyle : {
									color : '#ccc',
									fontSize : '16',
								}
							},
							axisLine : {
								lineStyle : {
									color : 'rgba(160,160,160,0.3)',
								}
							},
							splitLine : {
								lineStyle : {
									color : 'rgba(160,160,160,0.3)',
								}
							},
						} ],
						series : [ {
							name : '种植面积(亩)',
							type : 'bar',
							barWidth : '60%',
							data : _this.plantline.value
						} ]
					};
					echarts_4.setOption(option);

				},
				drawEcharts_5 : function() {
					var _this = this
					var echarts_5 = echarts.init(document
							.getElementById('echarts_5'));
					var option = option = {
						color : [ '#3398DB' ],
						tooltip : {
							trigger : 'axis',
							axisPointer : { // 坐标轴指示器，坐标轴触发有效
								type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
							}
						},
						grid : {
							left : '3%',
							right : '4%',
							bottom : '3%',
							containLabel : true
						},
						xAxis : [ {
							type : 'category',
							data : _this.breedline.name,
							axisTick : {
								alignWithLabel : true
							},
							axisLabel : {
								textStyle : {
									color : '#ccc',
									fontSize : '16'
								},
								lineStyle : {
									color : '#2c3459',
								},
							}
						} ],
						yAxis : [ {
							type : 'value',
							axisLabel : {
								textStyle : {
									color : '#ccc',
									fontSize : '16',
								}
							},
							axisLine : {
								lineStyle : {
									color : 'rgba(160,160,160,0.3)',
								}
							},
							splitLine : {
								lineStyle : {
									color : 'rgba(160,160,160,0.3)',
								}
							},
						} ],
						series : [ {
							name : '养殖数量',
							type : 'bar',
							barWidth : '60%',
							data : _this.breedline.value
						} ]
					};

					echarts_5.setOption(option);

				},
				drawEcharts_6 : function() {
					var _this = this
					axios(
							{
								url : sever + '/stockLine',
								method : 'POST',
								// 请求体重发送的数据
								params : {
									areaId : localStorage.areaId
								},
								timeout : 50000,
								// 设置请求头
								headers : {
									'Content-Type' : 'application/x-www-form-urlencoded'
								}
							})
							.then(
									function(res) {

										for (var i = 0; i < res.data.stockLine.es.length; i++) {
											_this.c
													.push(res.data.stockLine.es[i]
															- res.data.stockLine.dx[i])
											_this.names
													.push(res.data.stockLine.name[i]
															.split(" ")[1])
										}

										// 取数据
										var echarts_6 = echarts.init(document
												.getElementById('echarts_6'));
										var option = {
											tooltip : {
												trigger : 'axis',
												color : [ '#af89d6', '#4ac7f5',
														'#0089ff' ],

											},
											legend : {
												data : [ '产量', '订销量', '库存' ],
											   textStyle: {
										            color: '#fff'
										        }
											},
											xAxis : [ {
												type : 'category',
												data : _this.names,
												axisPointer : {
													type : 'shadow'
												},
												nameTextStyle : {
													color : '#ccc'
												},
												axisLabel : {
													color : '#ccc',
													fontSize :16
												},
											} ],
											yAxis : [ {
												type : 'value',
												name : '产量',
												min : 0,
												axisLabel : {
													formatter : '{value} kg'
												},
												nameTextStyle : {
													color : '#ccc'
												},
												axisLabel : {
													color : '#ccc',
	
												},
											}, {
												type : 'value',
												name : '库存',
												axisLabel : {
													formatter : '{value} kg'
												},
												nameTextStyle : {
													color : '#ccc'
												},
												axisLabel : {
													color : '#ccc'
												},
											} ],
											series : [
													{
														name : '产量',
														type : 'bar',
														data : res.data.stockLine.es,
														itemStyle : {
															normal : {
																show : true,
																color : new echarts.graphic.LinearGradient(
																		0,
																		0,
																		0,
																		1,
																		[
																				{
																					offset : 0,
																					color : '#00c0e9'
																				},
																				{
																					offset : 1,
																					color : '#3b73cf'
																				} ]),
																barBorderRadius : 50,
																borderWidth : 0,
															},
															emphasis : {
																shadowBlur : 15,
																shadowColor : 'rgba(105,123, 214, 0.7)'
															}
														},
													},
													{
														name : '订销量',
														type : 'bar',
														data : res.data.stockLine.dx,
														itemStyle : {
															normal : {
																show : true,
																color : new echarts.graphic.LinearGradient(
																		0,
																		0,
																		0,
																		1,
																		[
																				{
																					offset : 0,
																					color : '#081aa2'
																				},
																				{
																					offset : 1,
																					color : '#3348ec'
																				} ]),
																barBorderRadius : 50,
																borderWidth : 0,
															},
															emphasis : {
																shadowBlur : 15,
																shadowColor : 'rgba(105,123, 214, 0.7)'
															}
														},
													}, {
														name : '库存',
														type : 'line',
														yAxisIndex : 1,
														data : _this.c
													} ]
										};
										echarts_6.setOption(option);

									})

				},
				getScPrice : function() {
			
					var _this = this
					var timestamp = new Date().getTime();
					var param = 100 + '' + 1
							+ 'desc' + 'pub_date';

					axios(
							{
								url : datashang + '/farm/priceYnList?sid=pro_data_acq&timestamp='+ timestamp+ '&token='+ encrty(param, datashangkey, timestamp)+ '&page_size=100&page_num=1&sort_method=desc&sort_field=pub_date',
								method : 'POST',
								params : {},
								timeout : 50000,
								// 设置请求头
								headers : {
									'Content-Type' : 'application/x-www-form-urlencoded'
								}
							}).then(function(res) {
								
									if (res.data.success == 1) {
										
										
										var arr = res.data.data.data;
										for(var i=0;i<arr.length;i++){
											$("#sc").append('<li><span class="slidespan">'+arr[i].name+'</span><span class="slidespan">'+arr[i].price+'</span><span class="slidespan">'+arr[i].pub_date.substring(2,10)+'</li>');
										}
										jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:5,interTime:150});
										
									}		
							})
				},
				getCaoYaoPrice : function() {
					
					var _this = this
					var timestamp = new Date().getTime();
					var param = 100 + '' + 1
							+ 'desc' + 'release_date';

					axios(
							{
								url : datashang + '/plant/priceList?sid=pro_data_acq&timestamp='+ timestamp+ '&token='+ encrty(param, datashangkey, timestamp)+ '&page_size=100&page_num=1&sort_method=desc&sort_field=release_date',
								method : 'POST',
								params : {},
								timeout : 50000,
								// 设置请求头
								headers : {
									'Content-Type' : 'application/x-www-form-urlencoded'
								}
							}).then(function(res) {
									if (res.data.success == 1) {
										
										
										var arr = res.data.data.data;
										for(var i=0;i<arr.length;i++){
											$("#zcy").append('<li><span class="slidespan">'+arr[i].name+'</span><span class="slidespan">'+arr[i].price+'</span><span class="slidespan">'+arr[i].release_date.substring(2,10)+'</li>');
										}
										jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:5,interTime:150});
										
									}		
							})
				}

			},
		});